<!--
 * @Description: 
 * @Author: 赵华宇
 * @Date: 2024-11-01 16:23:46
 * @LastEditors: 赵华宇
 * @LastEditTime: 2024-11-06 10:33:07
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=5.0">
    <title>新用户注册</title>
    <style>
        h1{
            color :darkgoldenrod;
        }
        div{
            text-align: center;
            border-radius: 10px;
        }
        #div2{
            float:right;
        }
        h1{
            float:left;
        }
    </style>
</head>
<body>
    <!--body或者和body一样大的div设置背景图片 -->
        <h1>新用户注册 <br /> <span style="color: dimgray;"> USER REGISTER</span></h1>
        <div id="div2">已有账号？<a href="http://127.0.0.1:5500/day47/%E5%9F%BA%E6%9C%AC%E4%BF%A1%E6%81%AF.html">请立即登录</a></div>
    <from acton="" style="display: flex; flex-direction: column;">
        <br><br><br><br><br><br><br>
        <div>
            用户名 <input class="formInput" type="text" name="username" placeholder="请输入账号">
        </div>
        <br />
        <div>
            密    码 <input class="formInput" type="password" name="password" placeholder="请输入密码">
        </div>
        <br />
        <div>
            Email <input class="formInput" type="text" name="email" placeholder="请输入Email">
        </div>
        <br />
        <div>
            姓名 <input class="formInput" type="text" name="name" placeholder="请输出真实姓名">
        </div>
        <br />
        <div>
            手机号 <input class="formInput" type="text" name="phone" placeholder="请输入您的手机号">
        </div>
        <br />
        <div>
            性别
        <label for="genderNan">
          男<input id="genderNan" type="radio" name="gender" value="男">
        </label>
        <label for ="gendernv">
            女<input id="gendernv" type="radio" name="gender" value="女">
            </label>
        </div>
        <br />
        <div>
            出生日期
        <input type="date" name="birth">
        </div>
        <br />
        <div id="div1">
            <span>验证码    <input class="formInput" type="text" name="code"style="width:100px;height:21px">
            <img src="./img/验证码.png"  style="width:70px;height:21px;"alt="图片丢失"/>
        </span>
        </div>
        <br />
        <div>
            <input type="submit" value="注册" style="background-color:yellow;width:100px;height:30px">
        </div>
    </from>
</body>
</html>